#browser .browser
{
		width: 60%;
		margin: 0 20% 0 20%
}

#browser .browser .addgame
{
		border-radius: 10px;
		border: 2px white;
		border-style: solid;
		display: inherit;
		margin: 2px;
		padding: 2%;
		font-size: 20px;
		text-align: center;
}

#browser .browser .addgame div
{
		font-size: 16px;		
		cursor: pointer;
		text-decoration: underline;
}

#browser .browser .addgame div:hover
{
		color: #688e99;
}

#browser .browser .addgame div:active
{
		color: #000;
}

#browser .browser .addgame .sideselect
{
		font-size: 14px;
}

#browser .browser .addgame .sideselect[id="red"]
{
		display: none;
		background: #800;
		float: left;
}

#browser .browser .addgame .sideselect[id="blue"]
{
		display: none;
		background: #008;
		float:right;
}

#browser .browser .browsergame
{
		border-radius: 10px;
		border: 2px gray;
		border-style: solid;
		display: inherit;
		margin: 2px;
		padding: 2%;
}

#browser .browser .browsergame .players
{
		font-size: 14px;
		border-bottom: gray 1px solid;
}

#browser .browser .browsergame .players span[currentplayer=true]
{
		font-size: 16px;
		width: 49%;
		float: left;
}

#browser .browser .browsergame .players span
{
		font-size: 12px;
}

#browser .browser .browsergame .players span[currentplayer=false]
{
		font-size: 14px;
		float: right;
}

#browser .browser .browsergame .players span[noplayer=true]
{
		cursor: pointer;
}

#browser .browser .browsergame div .label
{
		height: 24px;
		float: left;
}

#browser .browser .browsergame div .value
{
		float: right;
		padding: 0 2% 0 0;
}

#browser .browser .browsergame .browseraction .browseraction
{
		text-align: center;
		font-size: 20px;
		cursor: pointer;
		text-decoration: underline;
		display: block;
}

#browser .browser .browsergame .browseraction .browseraction:hover
{
		color: #688e99;
}

#browser .browser .browsergame .browseraction .browseraction:active
{
		color: #000;
}